<template>
    <div class="setting" style="height: 100vh">
        <el-tabs type="card">
            <el-tab-pane>
                <span slot="label">
                    <i class="el-icon-discover"></i>
                    债券列表
                </span>
                <div class="table-content">
                    <PrimaryBondTable />
                </div>
            </el-tab-pane>
            <el-tab-pane>
                <span slot="label">
                    <i class="el-icon-user-solid"></i>
                    投标管理
                </span>
                <div class="table-content">
                    <BiddingManage />
                </div>
            </el-tab-pane>
        </el-tabs>
    </div>
</template>

<script lang="ts">
import { Component, Vue } from 'vue-property-decorator';
import PrimaryBondTable from '../risk-time/primarybond-bid/bond-list.vue';
import BiddingManage from './primarybond-bid/bidding-manage.vue';
@Component({
    name: 'BondList',
    components: {
        PrimaryBondTable,
        BiddingManage,
    },
})
export default class BondList extends Vue {}
</script>
<style lang="scss" scoped>
.table-content {
    padding: 0 10px;
    overflow: auto;
    height: calc(100vh - 52px);
}
.setting {
    padding-top: 10px;
}
.setting /deep/ .el-tabs .el-tabs__nav .el-tabs__item {
    line-height: 34px;
    padding: 0 25px;
}

.setting /deep/ .el-tabs .el-tabs__nav .el-tabs__item span {
    border-right: 0px solid #fff;
}

/deep/ label.el-form-item__label {
    padding: 0px !important;
    color: #222;
}
</style>
